﻿div.UserText
{
    top:470px; 
    position:absolute;
    background-color:transparent;
    color:White;
    font-size:28px;
    font-weight:bold;
    padding-left:120px;
    display:none;
}

div.Wordhint
{
    background-color:Navy;
    color:White;
    font-size:16px;
    font-weight:normal;
    display:none;
    padding:4px;
}
div.Wordhint>span
{
    font-weight:bold;
}

div.spinButton
{
    width:100px;
    top:300px;
    margin-left:350px;    
    position:absolute;
    
    background: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background: rgba(100, 100, 100, 0.8);
}

div.spinButton > div
{
    padding:0 1px;
    float:left;
}

div.spinButton > div > button
{
    background-image:url(images/EmptyButton_Big.png);
    background-repeat:none;
    width:100px;
    height:40px;
    padding:0px 0px 0px 0px;
    text-transform:uppercase;
    border:0 none;
    font-weight:bold;
    font-size:18px;
}
div.spinButton > div > button:hover
{
    background-image:url(images/EmptyButtonGlow_Big.png);
}

div.spinButton > div.space
{
    width:30px;
}

div.spinButton > div.big > button
{
     background-image:url(images/EmptyButton_Big.png);
     width:100px;
}

div.spinButton > div.big > button:hover
{
    background-image:url(images/EmptyButtonGlow_Big.png);
}

div.letterButton
{
    width:690px;
    top:300px;
    margin-left:50px;    
    position:absolute;
    
    background: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background: rgba(100, 100, 100, 0.8);
}

div.letterButton > div
{
    padding:0 1px;
    float:left;
}

div.letterButton > div > button
{
    background-image:url(images/EmptyButton.png);
    background-repeat:none;
    width:32px;
    height:40px;
    padding:0px 0px 0px 0px;
    text-transform:uppercase;
    border:0 none;
    font-weight:bold;
    font-size:18px;
}
div.letterButton > div > button:hover
{
    background-image:url(images/EmptyButtonGlow.png);
}

div.letterButton > div.space
{
    width:30px;
}

div.letterButton > div.big > button
{
     background-image:url(images/EmptyButton_Big.png);
     width:100px;
}

div.letterButton > div.big > button:hover
{
    background-image:url(images/EmptyButtonGlow_Big.png);
}


